<template>
<div>
    <el-container>
      <el-header>
      </el-header>
      <el-main>
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span style="display:flex; justify-content: space-around">转账汇款</span>
          </div>
          <div style="display: flex">
            <div class="child-flex" @click="toAccountTrans" style="text-align: center">
              <i class="el-icon-bank-card" style="font-size: 40px;"></i>
              <br/>
              <span>银行账号转账</span>
            </div>
            <div class="child-flex" @click="toPhoneTrans" style="text-align: center">
              <i class="el-icon-mobile-phone" style="font-size: 40px;"></i>
              <br/>
              <span>手机号转账</span>
            </div>
          </div>
        </el-card>
      </el-main>
    </el-container>
  </div>
</template>
<script>
export default {
  data() {
    return {
      labelPosition: 'right',
      formLabelAlign: {
        name: '',
        region: '',
        type: ''
      },
    };

  },

  computed: {
  },

  methods: {
    toAccountTrans(){
      this.$router.push('/ibps/accountTrans')
    },
    toPhoneTrans(){
      this.$router.push('/ibps/phoneTrans')

    },
  }
};
</script>
<style>
  .child-flex{
    align-items: center;
    margin: 20px;
    i{
      font-size: 20px;
    }
  }
</style>
